<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>react-组件</title>
</head>
<body>
<div id="root">

</div>
</body>
<script src="../../lib/react/react.development.js"></script>
<script src="../../lib/react/react-dom.development.js"></script>
<script src="../../lib/react/babel.min.js"></script> <!--jsx -->
<script type="text/babel">

  function Component1() {
    return <h1>hello world</h1>;
  }
  let Ele1 =function () {
    return <h1>hello</h1>;
  }






  let Ele2 =function () {
    return <h1>world</h1>;
  }
  let ele= <div>
    <Ele1/>
    <Ele2/>
  </div>;


  /*ReactDOM.render(<Component1/>,document.getElementById('root'));*/

  ReactDOM.render(ele,document.getElementById('root'));

</script>
</html>
